﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- Apple iOS and Android stuff (do not remove) -->
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1" />
    <!-- Required Stylesheets -->
    <link rel="stylesheet" type="text/css" href="/Styles/fonts/ptsans/stylesheet.css"
        media="screen" />
    <link rel="stylesheet" type="text/css" href="/Styles/default.css" media="screen" />
    <!-- Demo and Plugin Stylesheets -->
    <link rel="stylesheet" type="text/css" href="/Styles/defaultplugin.css" media="screen" />
    <!-- Theme Stylesheet -->
    <link rel="stylesheet" type="text/css" href="/Styles/mws.theme.css" media="screen" />
    <!-- JavaScript Plugins -->
    <script type="text/javascript" src="/Scripts/jquery-1.7.1.min.js"></script>
    <!-- jQuery-UI Dependent Scripts -->
    <script type="text/javascript" src="/Scripts/jquery-ui.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/timepicker/timepicker-min.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.ui.touch-punch.min.js"></script>
    <!-- Plugin Scripts -->
    <script type="text/javascript" src="/Scripts/plugins/jgrowl/jquery.jgrowl-min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/fileinput/js/jQuery.fileinput.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/datatables/jquery.dataTables-min.js"></script>
    <script type="text/javascript" src="/Scripts/datatable/js/jquery.dataTables.plugin.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/chosen/chosen.jquery.min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/tipsy/jquery.tipsy-min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/sourcerer/Sourcerer-1.2-min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/placeholder/jquery.placeholder-min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/validate/jquery.validate.js"></script>
    <script type='text/javascript' src='/Scripts/jquery.blockUI.js'></script>
    <script type="text/javascript" src="/Scripts/jquery.cookie.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.table.addrow.js"></script>
    <!--<script type="text/javascript" src="/Scripts/jquery-latest.js"></script>-->
    <!--<script type="text/javascript" src="/Scripts/jquery.dcdrilldown.1.2.min.js"></script>-->
    <!-- Core Script -->
    <script type="text/javascript" src="/Scripts/mws.js"></script>
    <!-- Demo Scripts (remove if not needed) -->
    <script type="text/javascript" src="/Scripts/his.js"></script>
    <script type="text/javascript" src="/Scripts/moment.min.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.jclock.js"></script>
    <script type="text/javascript" language="javascript">
        $(function ($) {
            var optionsDate = {
                format: '%A, %B - %d - %Y' // Date
            }
            $('#jclock-date').jclock(optionsDate);
            var optionsTime = {
                format: '%H:%M:%S' // 24-hour
            }
            $('#jclock-time').jclock(optionsTime);
        });

        var rooturl = '${rooturl}';
    </script>
    <title>HIS - $Pagetitle</title>
</head>
<body>
    <!-- Header -->
    <div id="mws-form-dialog">
        <iframe id="modalIframeForm" width="100%" height="100%" marginwidth="0" marginheight="0"
            frameborder="0" scrolling="auto" title="Dialog Title">Your browser does not suppr</iframe>
    </div>
    <div id="mws-header" class="clearfix">
        <!-- Logo Container -->
        <div id="mws-logo-container">
            <!-- Logo Wrapper, images put within this wrapper will always be vertically centered -->
            <div id="mws-logo-wrap">
                <img src="/Images/mws-logo.png" alt="mws admin" />
            </div>
        </div>
        <div id="mws-user-tools" class="clearfix">
            <div id="mws-user-info" class="mws-inset">
                <!-- User Photo -->
                <div id="mws-user-photo">
                    <img src="/Images/Icons/profile.png" alt="User Profile" />
                </div>
                <!-- Username and Functions -->
                <div id="mws-user-functions">
                    <div id="mws-username">
                        Monang Maning Sitorus
                    </div>
                    <ul>
                        <li>Obstetric and Gyneacology</li>
                    </ul>
                </div>
            </div>
            <div id="mws-datetime">
                <!-- User Photo -->
                <div id="mws-datetime-functions">
                    <div id="mws-date">
                        <span id="jclock-date" style="font-size: 12px;"></span>
                    </div>
                    <ul>
                        <li><span id="jclock-time" style="font-size: 14px;"></span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- Start Main Wrapper -->
    <div id="mws-wrapper">
